<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":"
            + request.getServerPort() + path + "/";
%>
<!DOCTYPE HTML>
<html>
<head>
    <base href="<%=basePath%>">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />

    <link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />
    <title>添加权限</title>
</head>
<body>
<article class="page-container">
    <form class="form form-horizontal" action="${empty permission ? 'permission/insert':'permission/update'}" method="post" id="form-admin-add">

        <input type="hidden" ${not empty permission?'':'disabled'} value="${permission.permissionId}" id="permissionId" name="permissionId">

        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>权限名称：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="${permission.name}" placeholder="权限名称" id="name" name="name">
            </div>
        </div>

        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">权限地址：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="${permission.url}" placeholder="权限地址" id="url" name="url">
            </div>
        </div>

        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>权限表达式：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="${permission.expression}" placeholder="权限表达式" id="expression" name="expression">
            </div>
        </div>

        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>权限类型：</label>
            <div class="formControls col-xs-8 col-sm-9 skin-minimal">
                <div class="radio-box">
                    <input name="type" value="menu" type="radio" id="sex-1" ${permission.type eq 'menu' ?'checked':''} >
                    <label for="sex-1">菜单权限</label>
                </div>
                <div class="radio-box">
                    <input type="radio" id="sex-2" name="type" value="permission" ${permission.type eq 'permission' ?'checked':''} ${empty permission ?'checked':''}>
                    <label for="sex-2">普通权限</label>
                </div>
            </div>
        </div>

        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">父权限：</label>
            <div class="formControls col-xs-8 col-sm-9"> <span class="select-box" style="width:150px;">
			<select class="select" name="parentId" size="1">
				<option value="0">顶级权限</option>
                <c:forEach items="${permissions}" var="p">
                    <c:if test="${p.permissionId!=permission.permissionId}">
				        <option value="${p.permissionId}" ${permission.parentId == p.permissionId ?'selected':''}>${p.name}</option>
                    </c:if>
                </c:forEach>
			</select>
			</span> </div>
        </div>

        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
                <input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;${empty permission ?'添加':'修改'}&nbsp;&nbsp;">
            </div>
        </div>
    </form>
</article>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript">
    $(function(){
        $("#form-admin-add").validate({
            rules:{
                name:{
                    required:true,
                    remote: {
                        url: "permission/checkPermissionName",
                        type: "post",
                        dataType: "json",
                        data: {
                            name: function() {
                                return $("#name").val();
                            },
                            permissionId:function () {
                                var id=null;
                                if ($("#permissionId").val()!=undefined){
                                    id=$("#permissionId").val();
                                }
                                return id;
                            }
                        }
                    }
                },
                expression:{
                    required:true
                }
            },
            messages:{
                name:{
                    required:"权限名称不能为空",
                    remote:"重复权限,请重新输入"
                },
                expression:{
                    required:"权限表达式不能为空",
                }
            },
            submitHandler:function(form){
                $(form).ajaxSubmit(function(res){
                    layer.msg(res.msg,{icon:res.code,time:1000},function () {
                        if (1==res.code){
                            parent.refreshTable();
                            parent.layer.closeAll();
                        }
                    });
                });
            }
        })
    });
</script>
</body>
</html>